<!DOCTYPE html>
<html>
<head>
    <head/>
    <title>医生简介</title>
    <%- include('./_global/baseLibs') %>
    <script src="/static/lib/forweb.js"></script>
</head>
<style>
    .swiper-wrapper .swiper-slide {
        float: left;
    }
    .doctor-box .blue-icon{
        position: absolute;
        width: 1.54762rem;
        height: 1.42857rem;
        background: url("/static/images/blue-mes.png") no-repeat;
        background-size: 100% 100%;
        right: 1.33333rem;
        top: 3.2381rem;
    }
</style>

<body>
<section class="page-wrap doctor-detail">
    <header class="header-box grey fixed">
        <div class="header-content">
            <div class="left-tool">
                <a class="back" href="javascript:void(0);"><i class="iconfont icon-back"></i></a>
            </div>
            <!-- <div class="right-tool">
                <a href="javascript:void(0);"><i class="sc-icon"></i></a>
            </div> -->
            <div class="title">医生详情</div>
        </div>
    </header>
    <div class="doctor-box">
        <img class="docImgUrl" src="">
        <div class="text-box">
            <p>
                <span class="blue-text" name="xm"></span>
                <span class="black-text" name="zcmc"></span>
            </p>
            <p>
                <span class="black-text" name="yljgmc"></span>
            </p>
            <p>
                <span class="black-text" name="ksmc"></span>
            </p>
        </div>
        <!--  <a class="blue-icon" id="zxBtn"></a> -->
    </div>

    <div class="list-box">
        <ul id="hylb">

        </ul>
    </div>

    <div class="jj-box">
        <p class="jj-title">擅长：</p>
        <span class="jj-content" name="docSpecialty"></span>
        <p class="jj-title">医生简介：</p>
        <span class="jj-content" name="docInfo">
           
        </span>
        <a class="zz-btn">展开</a>
    </div>
</section>
</body>
<script type="text/javascript">
    ///common/getYsInfo.service

    var page_ysjj = (function($, page_ysjj) {

        function initView() {
            $('.zz-btn').click(function(){
                if($(this).html()=="展开"){
                    $(this).html("收起");
                    $(".jj-content").css('webkit-line-clamp','9999');
                }else if($(this).html()=="收起"){
                    $(this).html("展开");
                    $(".jj-content").css('webkit-line-clamp','3');
                }
            });
        }

        function initData() {
            var ysjj = StoreCache.getCache("qyfwYsjj");
            ysjj = JSON.parse(ysjj);
            var Info;
            $("img.docImgUrl").attr("src", ysjj.photo);
            $("span[name]").each(function () {
                var name = $(this).attr("name");
                $(this).html(ysjj[name]);
            });
        }

        var cfg_def = {
            initView: initView,
            initData: initData,
        }

        page_ysjj.init = function(cfg){
            $.extend(page_ysjj, cfg_def, cfg);
            page_ysjj.initView();
            page_ysjj.initData();

        }

        return page_ysjj;
    })(jQuery, {});
    

</script>

</html>



